table{
background-color: #b6dbfd;
    margin:0 auto;
    border-style: solid;
    border-width: 1px;
    width:35%;
}

table td{
    /*position: relative;*/
    border-style: solid;
    border-width: 1px;
}
.first{
    padding: 5px 5px 5px 5px;
    width: 30%;

    text-align: right;
}
.head{
    height: 30px
}
textarea{
    height:250px;
    width: 80%
}
.right {
    display: inline-block;
    padding: 2px;
    color:#2ac845;
}
.wrong{
    display: inline-block;
    padding: 2px;
    color: #d90000;
}
.tip{display: none;
    visibility: hidden;
}
#name:focus~div{
    display: inherit;
    visibility: visible;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    width: 300px;
    height:60px;
    font-size: small;
    border-radius: 5px;
    padding: 10px 10px 5px 10px;
    color: dimgray;
    word-spacing: 1px;
}
#password:focus~div{
    display: inherit;
    visibility: visible;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    width: 320px;
    height:60px;
    font-size: small;
    border-radius: 5px;
    padding: 10px 10px 5px 10px;
    color: dimgray;
    word-spacing: 1px;
}